﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Title -->
    <title>Rapid - A Responsive WordPress Blog Theme</title>
    
    <!-- /favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/assets1/css/bootstrap.min.css">

    <!--矢量图标-->
    <link rel="stylesheet" href="/style/icon/icon.css">
    
    <!-- Font awesome CSS -->
    <link rel="stylesheet" href="/assets1/css/font-awesome.min.css">
    
    <!-- Animate CSS -->
    <link rel="stylesheet" href="/assets1/css/animate.min.css">
    
    <!-- OwlCarousel CSS -->
    <link rel="stylesheet" href="/assets1/css/owl.carousel.css">
    
    <!-- SlickNav CSS -->
    <link rel="stylesheet" href="/assets1/css/slicknav.min.css">
    
    <!-- Magnific popup CSS -->
    <link rel="stylesheet" href="/assets1/css/magnific-popup.css">
    
    <!-- Main CSS -->
    <link rel="stylesheet" href="/assets1/css/style.css">
    
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="/assets1/css/responsive.css">

</head>
<body>

<!-- 头部图片logo 开始 -->
<section  th:replace="~{common/blogHead :: blogHead}">
</section>
<!-- 头部图片logo 结束 -->

<!-- 头部菜单 开始-->
<section  th:replace="~{common/blogMenu :: blogMenu}">
</section>
<!-- 头部菜单 结束 -->
    
    
    
    <!-- Breadcromb Area Start -->
    <section class="rapid-breadcromb-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="breadcromb">
                        <h3>Go next we are always with you</h3>
                        <ul>
                            <li><a href="#">life style</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcromb Area End -->
    
    
    
    <!-- Allpost Area Start -->
    <section class="rapid-Allpost-area section_50">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div class="blog-page-left">
                        <div class="single-blog">
                            <div class="blog-image">
                                <img src="/assets1/img/blog.jpeg.jpg" alt="blog" />
                            </div>
                            <div class="blog-text single-post-text">
                                <div class="post-cat">
                                    <p>fashion</p>
                                </div>
                                <h2>Go next we are always with you</h2>
                                <div class="blog-meta">
                                    <ul>
                                        <li>-: Jan 20, 2018 </li>
                                        <li><a href="#">admin</a></li>
                                        <li><a href="#">6 <i class="fa fa-comments-o"></i></a></li>
                                    </ul>
                                </div>
                                <div class="post-content">
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa nt ium dolorem que laudantium totam rem aperiam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero molestie, aliquet nibh eu, euismod massa. Morbi efficitur ut nisi ac fermentum. Aenean magna libero, varius vitae turpis at, iaculis placerat quam. Vivamus arcu lorem, vehicula fringilla malesuada sit amet, volutpat sed nisi. Vestibulum lectus ligula, mollis vitae ultricies non, consequat sed .</p>
                                    <p> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, eiquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in erepre ahenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur etascisint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                                    <blockquote>Sed eleifend ornare turpis ac scelerisque. Donec in euismod erat. Cras luctus dapibus nibh, ac tincidunt magna semper sit amet.</blockquote>
                                    <p>Sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut lab ore et dolore magna aliquyam erat, sed diam Demo Label. Avero eos et accusam et justo duo dolores. At vero eos et accusam et justo duodolores et ea rebum. Lorem ipsum dolor sit amet conse ctuere colorado secrets Resorts & Spas offer adults. Fusce ornare mi vel risus porttitor dignissim. Nunc eget risus at ipsum blandit ornare vel sed velit. Proin gravida arcu nisl, a dignissim mauris placerat id. Vivamus interdum urna at sapien varius elementum. Suspendisse ut mi felis et interdum libero lacinia vel. Aenean elementum odio ut lorem cursus, eu auctor magna pellentesque. Cras facilisis quam sed rhoncus dapibus. </p>
                                    <p>ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, eiquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in erepre ahenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur etascisint occaecat laborum. </p>
                                </div>
                                <div class="single-post-btm-tag">
                                    <div class="row">
                                        <div class="col-md-8 no-pad-left">
                                            <div class="btm-tag-left">
                                                <ul>
                                                    <li><a href="#">app</a></li>
                                                    <li><a href="#">blog</a></li>
                                                    <li><a href="#">beauty</a></li>
                                                    <li><a href="#">color</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-4 no-pad-right">
                                            <div class="share-button-social btm-tag-right">
                                                <a href="#"><i class="fa fa-facebook"></i></a>
                                                <a href="#"><i class="fa fa-twitter"></i></a>
                                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="author-bio">
                                    <a href="#">
                                        <img src="/assets1/img/about.jpeg.jpg" alt="author" />
                                    </a>
                                    <div class="author-info">
                                        <h4><a href="#">Author Name</a></h4>
                                        <p>per inceptos dapibus fames donec praesent quisque commodo primis proin leo nisl lacinia dictumst justo sagittis luctus vestibulum sed quisque.per inceptos dapibus fames donec praesent quisque commodo primis proin leo nisl lacinia dictums</p>
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="rapid-comment-list">
                                    <div class="comment-group-title">
                                        <h2>3 Comments</h2>
                                    </div>
                                    <div class="single-comment-item">
                                        <div class="single-comment-box">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img src="/assets1/img/author-7.jpg" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>david kamal</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-comment-box reply-comment">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img src="/assets1/img/author-8.jpg" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>Danial Martin</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-comment-box">
                                            <div class="main-comment">
                                                <div class="author-image">
                                                    <img src="/assets1/img/author-6.jpg" alt="author" />
                                                </div>
                                                <div class="comment-text">
                                                    <div class="comment-info">
                                                        <h4>sumaiya mim</h4>
                                                        <p>12 february 2015 At 11:30 pm</p>
                                                    </div>
                                                    <div class="comment-text-inner">
                                                        <p>Ne erat velit invidunt his. Eum in dicta veniam interesset, harum lupta definitionem. Vocibus suscipit prodesset vim ei, equidem perpetua eu per.</p>
                                                    </div>
                                                    <a href="#" class="reply">Reply</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="rapid-leave-comment ">
                                    <h2>Leave a comment</h2>
                                    <p>Your must sing-in to make or comment a post</p>
                                    <form>
                                        <input class="ns-com-name" name="name" placeholder="Name" type="text">
                                        <input class="ns-com-name" name="email" placeholder="Email" type="email">
                                        <textarea class="comment" placeholder="Comment..." name="comment"></textarea>
                                        <input type="submit" value="post comment" >
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--右侧主内容开始-->
                <div  th:replace="~{common/blogRight :: blogRight}"></div>
                <!--右侧主内容结束-->
            </div>
        </div>
    </section>
    <!-- Allpost Area End -->



<!-- 页脚区域开始 -->
<footer th:replace="~{common/blogDown :: blogDown}">
</footer>
<!-- 页脚区域结束 -->
    
    
    
    
    
    <!-- jQuery -->
    <script src="/assets1/js/jquery.min.js"></script>
    
    <!-- Bootstrap JS -->
    <script src="/assets1/js/bootstrap.min.js"></script>
    
    <!-- Magnific Popup JS -->
    <script src="/assets1/js/jquery.magnific-popup.min.js"></script>
    
    <!-- OwlCarousel JS -->
    <script src="/assets1/js/owl.carousel.min.js"></script>
    
    <!-- SlickNav JS -->
    <script src="/assets1/js/jquery.slicknav.min.js"></script>
    
    <!-- Custom JS -->
    <script src="/assets1/js/custom.js"></script>
    
</body>
</html>
